<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/vip.css" />
        <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
    </head>
    <body>
    </body>
        <!-- 头部 -->
        <header>
            <div class="header-in">
                <p>
                    <a href="">91人气APP(商家版)</a>
                </p>
                <ul>
                    <li>
                        <a href="../../html/login.html">登陆</a><span>-</span><a href="../../html/regist.html">注册</a>
                    </li>
                    <li><a href="../../yanlei/app/more.html">帮助中心</a></li>
                    <li><a href="qq.html">联系客服</a></li>
                </ul>
            </div>
        </header>
        <!-- 导航 -->
        <nav>
            <div class='nav-in'>
                <div class='nav-l'>
                    <img src="img/logo_03.png" alt="" />
                    <p class='logo-r'><img src="img/logo_06.png" alt="" /></p>
                </div>
                <div class='nav-r'>
                    <ul>
                        <li><a href="../../index.html" class='first'>首页</a></li>
                        <li>
                            <a href="" class='nav-lan'>优势<span><img src="img/download1.png" alt="" /></span></a>
                            <div class='xia'>
                                <span style='font-size:40px;' class='guan'>x</span>
                                <a href="../../91yxf/app/advantage.html">独家优势</a>
                                <a href="../../91yxf/app/security.html">安全保障</a>
                                <a href="../../91yxf/app/exp.html">免费体验</a>
                                <span style='border-top:solid 1px gainsboro'>优势</span>
                            </div>
                        </li>
                        <li>
                            <a href="" class='nav-lan'>业务</a>
                            <div class='xia'>
                                <span style='font-size:40px;' class='guan'>x</span>
                                <a href="../../html/serviceProduct.html">产品业务</a>
                                <a href="../../html/serviceEffe.html">效果作用</a>
                                <span style='border-top:solid 1px gainsboro'>业务</span>
                            </div>
                        </li>
                        <li>
                            <a href="" class='nav-lan'>发现<span><img src="img/download1.png" alt="" /></span></a>
                            <div class='xia'>
                                <span style="font-size: 40px;" class='guan'>x</span>
                                <a href="vip.html">VIP中心</a>
                                <a href="active.html">常规活动</a>
                                <a href="../../html/activity.html">热门活动</a>
                                <a href="../../yanlei/app/more.html">公告</a>
                                <span style="border-top: 1px solid gainsboro;">发现</span>
                            </div>
                        </li>
                        <li>
                            <a href="" class='nav-lan'>更多</a>
                            <div class='xia'>
                                <span style="font-size: 40px;" class='guan'>x</span>
                                <a href="../../yanlei/app/more.html">商家指南</a>
                                <a href="../../html/AboutUs.html">关于我们</a>
                                <span style="border-top: 1px solid gainsboro;">更多</span>
                            </div>
                        </li>
                    </ul>
                    <p>
                        <a href="../../html/login.html" class='login'>登陆</a>
                        <a href="../../html/regist.html" class='zhuce'>注册</a>
                    </p>
                </div>
            </div>
        </nav>
        <div id='main'>
            <div class="head-img">
                <img src="img/vipb_03.png" alt="" class='use'/>
                <img src="img/t1.png" alt="" class='tou' title='未选择任何文件'/>
                <p>非VIP用户</p>
                <a href="../../html/login.html">续费VIP</a>
            </div>
            <div class='vip-wrap'>
                <a href="../../html/login.html">
                    <p><font>?</font>元</p>
                    <span>累计充值金额</span>
                </a>
                <a href="../../html/login.html">
                    <p><font>?</font></p>
                    <span>人气值</span>
                </a>
                <a href="../../html/login.html">
                    <p><font>?</font>项</p>
                    <span>VIP特权</span>
                </a>
                <a href="../../html/login.html">
                    <p><font>?</font>张</p>
                    <span>我的礼劵</span>
                </a>
                <a href="../../yanlei/app/more.html">
                    <p><font>?</font>条</p>
                    <span>未读消息</span>
                </a>
            </div>
            <div class="jian">
                <div class='animated fadeInDown infinite'>
                    <img src="img/arrow.png" alt="" class='arrow'/>
                </div>
            </div>
        </div>
        <div id='serve'>
            <div class="serve-in">
                <img src="img/vipTeQuanFuwu.png" alt="" class='fu'/>
              <div class='tab-wrap'>
                    <div class='active'>收费表准</div>
                    <div>vip特权</div>
                </div>
                <div class="biaoge">
                      <div class="vip-tab" style='display:block;'>
                        <table class='nature' id='tqvip'>
                            <thead id='tvip'>
                                <tr class="tt" id='tvip'>
                                    <th style='border-radius:8px 0 0 0;border-width:0 1px 0px 0;'>VIP收费标准<br><font>(1GB: 1元/访客)</font></th>
                                    <th style='border-width:0 1px 0 0;'>任务类型</th>
                                    <th style='border-width:0 1px 0 0;'>非VIP
                                       <div class="huifang" style='display:none;'>
                                            <span class='two'>第一天</span>
                                            <span class='two noborder'>第二天</span>
                                        </div> 
                                    </th>
                                    <th style='border-width:0 1px 0 0;'>VIP
                                        <div class="huifang" style='display:none;'>
                                            <span class='two'>第一天</span>
                                            <span class='two noborder'>第二天</span>
                                        </div>
                                    </th>
                                    <th style='border-radius:0 8px 0 0;border-width:0 0px 0px 0;'>SVIP<div class="huifang" style='display:none;'>
                                            <span class='two'>第一天</span>
                                            <span class='two noborder'>第二天</span>
                                        </div>
                                    </th>
                                </tr>
                            </thead>

                            <tbody class='vipbb' style='display:none;'>
                                <tr>
                                    <td rowspan='10' style='border-width:1px 0 0 0;border-radius:0 0 0 4px;'>
                                        <table class='vipclick' border='0' cellspacing="0" cellpadding="0" style='width:101%; height:660px;border-collapse:collapse;'>
                                            <tbody>
                                                <tr>
                                                    <td i='0' style='border-width:0px 1px 1px 0' class='title1 nature active'>
                                                        <div>自然搜索</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td i="1" style="border-width: 1px 1px 1px 0;" class="title2 zhitc">直通车</td>
                                                </tr>
                                                <tr>
                                                    <td i="2" style="border-width: 1px 1px 0 0;" class="title3 taoqg">回访任务</td>
                                                </tr>
                                                <tr>
                                                    <td i="3" style="border-width: 1px 1px 1px 0;" class="title4 taokl">淘口令</td>
                                                </tr>
                                                <tr>
                                                   <td i="4" style="border-width: 1px 1px 0 0;" class="title5 taoqg">
                                                       淘抢购<br>聚划算
                                                   </td>
                                                </tr>
                                                <tr>
                                                    <td i="5" style="border-width: 1px 1px 1px 0;" class="title6 juhs">问大家</td>
                                                </tr>
                                                <tr>
                                                    <td i="6" style="border-width: 1px 1px 0 0;border-radius: 0 0 0 8px;" class="title7 juhs">评价点赞</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class='type'>设置提醒</td>
                                    <td class='bold' style='border-width:1px 0 1px 1px;' colspan='3'>无</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览两分钟</td>
                                    <td class="bold">0.6</td>
                                    <td class="bold">0.55</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.48</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏商品</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏店铺</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>加入购物车</td>
                                    <td class="bold">0.8</td>
                                    <td class="bold">0.73</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.64</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取优惠劵</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取红包</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览评价</td>
                                    <td class="bold">0.4</td>
                                    <td class="bold">0.37</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.32</td>
                                </tr>
                                <tr>
                                    <td class='type'>货比三家</td>
                                    <td class="bold">0.9</td>
                                    <td class="bold">0.82</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.72</td> 
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 0 1px;'class='type'>随机浏览副宝贝</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.8</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.73</td>
                                    <td class="bold" style='border-radius：0 0 8px 0;border-width:1px 0 0px 1px'>0.64</td> 
                                </tr>
                            </tbody>
                            <tbody class='vipbb' c='直通车' style='display:table-row-group;'>
                                <tr>
                                    <td rowspan='10' style='border-width:1px 0 0 0;border-radius:0 0 0 4px;'>
                                            <table class='vipclick' border='0' cellspacing="0" cellpadding="0" style='width:101%; height:660px;border-collapse:collapse;'>
                                                <tbody>
                                                    <tr>
                                                        <td i='0' style='border-width:0px 1px 1px 0' class='title1 nature active'>
                                                            <div>自然搜索</div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td i="1" style="border-width: 1px 1px 1px 0;" class="title2 zhitc">直通车</td>
                                                    </tr>
                                                    <tr>
                                                        <td i="2" style="border-width: 1px 1px 0 0;" class="title3 taoqg">回访任务</td>
                                                    </tr>
                                                    <tr>
                                                        <td i="3" style="border-width: 1px 1px 1px 0;" class="title4 taokl">淘口令</td>
                                                    </tr>
                                                    <tr>
                                                       <td i="4" style="border-width: 1px 1px 0 0;" class="title5 taoqg">
                                                           淘抢购<br>聚划算
                                                       </td>
                                                    </tr>
                                                    <tr>
                                                        <td i="5" style="border-width: 1px 1px 1px 0;" class="title6 juhs">问大家</td>
                                                    </tr>
                                                    <tr>
                                                        <td i="6" style="border-width: 1px 1px 0 0;border-radius: 0 0 0 8px;" class="title7 juhs">评价点赞</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                        <td class='type'>设置提醒</td>
                                        <td class='bold' style='border-width:1px 0 1px 1px;' colspan='3'>无</td>
                                </tr>
                                    <tr>
                                    <td class='type'>浏览两分钟</td>
                                    <td class="bold" rowspan="9" style='border-width:1px 1px 0 1px;'>无</td>
                                    <td class="bold">0.73</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.64</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏商品</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏店铺</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>加入购物车</td>
                                    <td class="bold">0.73</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.64</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取优惠劵</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取红包</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览评价</td>
                                    <td class="bold">0.37</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.32</td>
                                </tr>
                                <tr>
                                    <td class='type'>货比三家</td>
                                    <td class="bold">0.82</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.72</td> 
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 0 1px;'class='type'>随机浏览副宝贝</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.73</td>
                                    <td class="bold" style='border-radius：0 0 8px 0;border-width:1px 0 0px 1px'>0.64</td> 
                                </tr>
                            </tbody>
                            <tbody class='vipbb' c='回放任务' style='display:none;'>
                                <tr>
                                    <td rowspan='10' style='border-width:1px 0 0 0;border-radius:0 0 0 4px;'>
                                        <table class='vipclick' border='0' cellspacing="0" cellpadding="0" style='width:101%; height:660px;border-collapse:collapse;'>
                                            <tbody>
                                                <tr>
                                                    <td i='0' style='border-width:0px 1px 1px 0' class='title1 nature active'>
                                                        <div>自然搜索</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td i="1" style="border-width: 1px 1px 1px 0;" class="title2 zhitc">直通车</td>
                                                </tr>
                                                <tr>
                                                    <td i="2" style="border-width: 1px 1px 0 0;" class="title3 taoqg">回访任务</td>
                                                </tr>
                                                <tr>
                                                    <td i="3" style="border-width: 1px 1px 1px 0;" class="title4 taokl">淘口令</td>
                                                </tr>
                                                <tr>
                                                   <td i="4" style="border-width: 1px 1px 0 0;" class="title5 taoqg">
                                                       淘抢购<br>聚划算
                                                   </td>
                                                </tr>
                                                <tr>
                                                    <td i="5" style="border-width: 1px 1px 1px 0;" class="title6 juhs">问大家</td>
                                                </tr>
                                                <tr>
                                                    <td i="6" style="border-width: 1px 1px 0 0;border-radius: 0 0 0 8px;" class="title7 juhs">评价点赞</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class='type'>设置提醒</td>
                                    <td class='bold' style='border-width:1px 0 1px 1px;' colspan='3'>无</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览2分钟</td>
                                    <td class="bold">
                                        <span class="two">1</span>
                                        <span class="two noborder">无</span>
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.91</span>
                                        <span class="two noborder">无</span>
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                        <span class="two">0.8</span>
                                        <span class="two noborder">无</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏商品</td>
                                    <td class="bold">
                                        <span class="two">0.7</span>
                                        <span class="two noborder">0.7</span>
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.64</span>
                                        <span class="two noborder">0.64</span>
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                        <span class="two">0.56</span>
                                        <span class="two noborder">0.56</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏店铺</td>
                                    <td class="bold">
                                        <span class="two">0.7</span>
                                        <span class="two noborder">0.7</span>
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.64</span>
                                        <span class="two noborder">0.64</span>
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                        <span class="two">0.56</span>
                                        <span class="two noborder">0.56</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class='type'>加入购物车</td>
                                    <td class="bold">
                                        <span class="two">0.8</span>
                                        <span class="two noborder">0.8</span>
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.73</span>
                                        <span class="two noborder">0.73</span>
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                        <span class="two">0.64</span>
                                        <span class="two noborder">0.64</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class='type'>领取优惠劵</td>
                                    <td class="bold">
                                        <span class="two">0.5</span>
                                        <span class="two noborder">0.5</span>
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.46</span>
                                        <span class="two noborder">0.46</span> 
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                        <span class="two">0.4</span>
                                        <span class="two noborder">0.4</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class='type'>领取红包</td>
                                    <td class="bold">
                                        <span class="two">0.5</span>
                                        <span class="two noborder">0.5</span>
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.46</span>
                                        <span class="two noborder">0.46</span> 
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                        <span class="two">0.4</span>
                                        <span class="two noborder">0.4</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览评价</td>
                                    <td class="bold">
                                        <span class="two">0.4</span>
                                        <span class="two noborder">0.4</span>
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.37</span>
                                        <span class="two noborder">0.37</span>
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                       <span class="two">0.32</span>
                                        <span class="two noborder">0.32</span> 
                                    </td>
                                </tr>
                                <tr>
                                    <td class='type'>货比三家</td>
                                    <td class="bold">
                                        <span class="two">0.9</span>
                                        <span class="two noborder">0.9</span> 
                                    </td>
                                    <td class="bold">
                                        <span class="two">0.82</span>
                                        <span class="two noborder">0.82</span> 
                                    </td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>
                                        <span class="two">0.72</span>
                                        <span class="two noborder">0.72</span>
                                    </td> 
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 0 1px;'class='type'>随机浏览副宝贝</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>
                                        <span class="two">0.8</span>
                                        <span class="two noborder">0.8</span>
                                    </td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>
                                        <span class="two">0.73</span>
                                        <span class="two noborder">0.73</span>
                                    </td>
                                    <td class="bold" style='border-radius：0 0 8px 0;border-width:1px 0 0px 1px'>
                                        <span class="two">0.64</span>
                                        <span class="two noborder">0.64</span>
                                    </td> 
                                </tr>
                            </tbody>
                            <tbody class='vipbb' c='淘口令'style='display:none;'>
                                <tr>
                                    <td rowspan='10' style='border-width:1px 0 0 0;border-radius:0 0 0 4px;'>
                                        <table class='vipclick' border='0' cellspacing="0" cellpadding="0" style='width:101%; height:660px;border-collapse:collapse;'>
                                            <tbody>
                                                <tr>
                                                    <td i='0' style='border-width:0px 1px 1px 0' class='title1 nature active'>
                                                        <div>自然搜索</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td i="1" style="border-width: 1px 1px 1px 0;" class="title2 zhitc">直通车</td>
                                                </tr>
                                                <tr>
                                                    <td i="2" style="border-width: 1px 1px 0 0;" class="title3 taoqg">回访任务</td>
                                                </tr>
                                                <tr>
                                                    <td i="3" style="border-width: 1px 1px 1px 0;" class="title4 taokl">淘口令</td>
                                                </tr>
                                                <tr>
                                                   <td i="4" style="border-width: 1px 1px 0 0;" class="title5 taoqg">
                                                       淘抢购<br>聚划算
                                                   </td>
                                                </tr>
                                                <tr>
                                                    <td i="5" style="border-width: 1px 1px 1px 0;" class="title6 juhs">问大家</td>
                                                </tr>
                                                <tr>
                                                    <td i="6" style="border-width: 1px 1px 0 0;border-radius: 0 0 0 8px;" class="title7 juhs">评价点赞</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class='type'>设置提醒</td>
                                    <td class='bold' style='border-width:1px 0 1px 1px;' colspan='3'>无</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览2分钟</td>
                                    <td class="bold">0.55</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.44</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏商品</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏店铺</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>加入购物车</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取优惠劵</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取红包</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览评价</td>
                                    <td class="bold">0.4</td>
                                    <td class="bold">0.37</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.32</td>
                                </tr>
                                <tr>
                                    <td class='type'>货比三家</td>
                                    <td class="bold" colspan='3'style='border-width:1px 0 1px 1px'>无</td> 
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 0 1px;'class='type'>随机浏览副宝贝</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.8</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.73</td>
                                    <td class="bold" style='border-radius：0 0 8px 0;border-width:1px 0 0px 1px'>0.64</td> 
                                </tr>
                            </tbody>
                            <tbody class='vipbb' c='淘抢购聚划算'style='display:none;'>
                                <tr>
                                    <td rowspan='10' style='border-width:1px 0 0 0;border-radius:0 0 0 4px;'>
                                        <table class='vipclick' border='0' cellspacing="0" cellpadding="0" style='width:101%; height:660px;border-collapse:collapse;'>
                                            <tbody>
                                                <tr>
                                                    <td i='0' style='border-width:0px 1px 1px 0' class='title1 nature active'>
                                                        <div>自然搜索</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td i="1" style="border-width: 1px 1px 1px 0;" class="title2 zhitc">直通车</td>
                                                </tr>
                                                <tr>
                                                    <td i="2" style="border-width: 1px 1px 0 0;" class="title3 taoqg">回访任务</td>
                                                </tr>
                                                <tr>
                                                    <td i="3" style="border-width: 1px 1px 1px 0;" class="title4 taokl">淘口令</td>
                                                </tr>
                                                <tr>
                                                   <td i="4" style="border-width: 1px 1px 0 0;" class="title5 taoqg">
                                                       淘抢购<br>聚划算
                                                   </td>
                                                </tr>
                                                <tr>
                                                    <td i="5" style="border-width: 1px 1px 1px 0;" class="title6 juhs">问大家</td>
                                                </tr>
                                                <tr>
                                                    <td i="6" style="border-width: 1px 1px 0 0;border-radius: 0 0 0 8px;" class="title7 juhs">评价点赞</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class='type'>设置提醒</td>
                                    <td class='bold' rowspan='2'>0.4</td>
                                    <td class='bold' rowspan='2'>0.37</td>
                                    <td class='bold' rowspan='2' style='border-width:1px 0 1px 1px;'>0.32</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览2分钟</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏商品</td>
                                    
                                    <td class="bold" style='border-width:1px 0 1px 1px' colspan='3'>无</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏店铺</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>加入购物车</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取优惠劵</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取红包</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览评价</td>
                                    <td class="bold">0.4</td>
                                    <td class="bold">0.37</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.32</td>
                                </tr>
                                <tr>
                                    <td class='type'>货比三家</td>
                                    <td class="bold" colspan='3'style='border-width:1px 0 1px 1px'>无</td> 
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 0 1px;'class='type'>随机浏览副宝贝</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.8</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.73</td>
                                    <td class="bold" style='border-radius：0 0 8px 0;border-width:1px 0 0px 1px'>0.64</td> 
                                </tr>
                            </tbody>
                            <tbody class='vipbb' c='问大家'style='display:none;'>
                                <tr>
                                    <td rowspan='10' style='border-width:1px 0 0 0;border-radius:0 0 0 4px;'>
                                        <table class='vipclick' border='0' cellspacing="0" cellpadding="0" style='width:101%; height:660px;border-collapse:collapse;'>
                                            <tbody>
                                                <tr>
                                                    <td i='0' style='border-width:0px 1px 1px 0' class='title1 nature active'>
                                                        <div>自然搜索</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td i="1" style="border-width: 1px 1px 1px 0;" class="title2 zhitc">直通车</td>
                                                </tr>
                                                <tr>
                                                    <td i="2" style="border-width: 1px 1px 0 0;" class="title3 taoqg">回访任务</td>
                                                </tr>
                                                <tr>
                                                    <td i="3" style="border-width: 1px 1px 1px 0;" class="title4 taokl">淘口令</td>
                                                </tr>
                                                <tr>
                                                   <td i="4" style="border-width: 1px 1px 0 0;" class="title5 taoqg">
                                                       淘抢购<br>聚划算
                                                   </td>
                                                </tr>
                                                <tr>
                                                    <td i="5" style="border-width: 1px 1px 1px 0;" class="title6 juhs">问大家</td>
                                                </tr>
                                                <tr>
                                                    <td i="6" style="border-width: 1px 1px 0 0;border-radius: 0 0 0 8px;" class="title7 juhs">评价点赞</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class='type'>点赞</td>
                                    <td class='bold' rowspan='3'>0.8</td>
                                    <td class='bold' rowspan='3'>0.73</td>
                                    <td class='bold' rowspan='3' style='border-width:1px 0 1px 1px;'>0.64</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览2分钟</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览问大家</td>
                                </tr>
                                <!-- <tr>
                                    <td class='type'>收藏商品</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" colspan='3'style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr> -->
                                <tr>
                                    <td class='type'>收藏店铺</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>加入购物车</td>
                                    <td class="bold">0.8</td>
                                    <td class="bold">0.73</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.64</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取优惠劵</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取红包</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览评价</td>
                                    <td class="bold">0.4</td>
                                    <td class="bold">0.37</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.32</td>
                                </tr>
                                <tr>
                                    <td class='type'>货比三家</td>
                                    <td class="bold">0.9</td>
                                    <td class="bold">0.82</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.72</td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 0 1px;'class='type'>随机浏览副宝贝</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.8</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.73</td>
                                    <td class="bold" style='border-radius：0 0 8px 0;border-width:1px 0 0px 1px'>0.64</td> 
                                </tr>
                            </tbody>
                            <tbody class='vipbb' c='点赞评价'style='display:none;'>
                                <tr>
                                    <td rowspan='10' style='border-width:1px 0 0 0;border-radius:0 0 0 4px;'>
                                        <table class='vipclick' border='0' cellspacing="0" cellpadding="0" style='width:101%; height:660px;border-collapse:collapse;'>
                                            <tbody>
                                                <tr>
                                                    <td i='0' style='border-width:0px 1px 1px 0' class='title1 nature active'>
                                                        <div>自然搜索</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td i="1" style="border-width: 1px 1px 1px 0;" class="title2 zhitc">直通车</td>
                                                </tr>
                                                <tr>
                                                    <td i="2" style="border-width: 1px 1px 0 0;" class="title3 taoqg">回访任务</td>
                                                </tr>
                                                <tr>
                                                    <td i="3" style="border-width: 1px 1px 1px 0;" class="title4 taokl">淘口令</td>
                                                </tr>
                                                <tr>
                                                   <td i="4" style="border-width: 1px 1px 0 0;" class="title5 taoqg">
                                                       淘抢购<br>聚划算
                                                   </td>
                                                </tr>
                                                <tr>
                                                    <td i="5" style="border-width: 1px 1px 1px 0;" class="title6 juhs">问大家</td>
                                                </tr>
                                                <tr>
                                                    <td i="6" style="border-width: 1px 1px 0 0;border-radius: 0 0 0 8px;" class="title7 juhs">评价点赞</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class='type'>点赞</td>
                                    <td class='bold' rowspan='3'>0.6</td>
                                    <td class='bold' rowspan='3'>0.55</td>
                                    <td class='bold' rowspan='3' style='border-width:1px 0 1px 1px;'>0.48</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览2分钟</td>
                                </tr>
                                <tr>
                                    <td class='type'>浏览评价</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏商品</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" colspan='3'style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>收藏店铺</td>
                                    <td class="bold">0.7</td>
                                    <td class="bold">0.64</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.56</td>
                                </tr>
                                <tr>
                                    <td class='type'>加入购物车</td>
                                    <td class="bold">0.8</td>
                                    <td class="bold">0.73</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.64</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取优惠劵</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>领取红包</td>
                                    <td class="bold">0.5</td>
                                    <td class="bold">0.46</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.4</td>
                                </tr>
                                <tr>
                                    <td class='type'>货比三家</td>
                                    <td class="bold">0.9</td>
                                    <td class="bold">0.82</td>
                                    <td class="bold" style='border-width:1px 0 1px 1px'>0.72</td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 0 1px;'class='type'>随机浏览副宝贝</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.8</td>
                                    <td class="bold" style='border-width:1px 1px 0 1px;'>0.73</td>
                                    <td class="bold" style='border-radius：0 0 8px 0;border-width:1px 0 0px 1px'>0.64</td> 
                                </tr>
                            </tbody> 
                        </table>
                    </div>
                    <div class="vip-tab" style='display:none;'>
                        <table class="fd">
                            <thead>
                                <tr class="tt">
                                    <th style='border-radius:8px 0 0 0;border:0 1px 0 0;'>特权功能对比</th>
                                    <th style='border-width:0 1px 0 0;'>非VIP</th>
                                    <th style='border-width:0 1px 0 0;'>VIP</th>
                                    <th style='border-width:0 1px 0 0;'>SVIP</th>
                                    <th style='border-radius:0 8px 0 0;border:0 0px 0 0;'>SVIP+</th>
                                </tr>
                            </thead>
                            <tbody id='biao'>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>专属徽章</td>
                                    <td><img src="img/s4.png" alt="" /></td>
                                    <td><img src="img/s3.png" alt="" /></td>
                                    <td><img src="img/s2.png" alt="" style='margin-top:-1px;'/></td>
                                    <td style='border-width:1px 0px 1px 1px;'><img src="img/s1.png" alt=""  style='margin-top:-15px;'/></td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>专属直通车</td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td>9折</td>
                                    <td>8折</td>
                                    <td style='border-width:1px 0px 1px 1px;'>终身8折</td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>任务折扣</td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td style='border-width:1px 0px 1px 1px;'><img src="img/2017-07-12_130659.png" alt="" /></td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>店铺绑定</td>
                                    <td>1</td>
                                    <td>15</td>
                                    <td>30</td>
                                    <td style='border-width:1px 0px 1px 1px;'>无限</td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>每日任务数</td>
                                    <td>1000个</td>
                                    <td>无限</td>
                                    <td>无限</td>
                                    <td style='border-width:1px 0px 1px 1px;'>无限</td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>短信提醒</td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td style='border-width:1px 0px 1px 1px;'><img src="img/2017-07-12_130659.png" alt="" /></td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>专属客服</td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td style='border-width:1px 0px 1px 1px;'><img src="img/2017-07-12_130659.png" alt="" /></td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>优先审核</td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td style='border-width:1px 0px 1px 1px;'><img src="img/2017-07-12_130659.png" alt="" /></td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>运营辅导</td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td style='border-width:1px 0px 1px 1px;'><img src="img/2017-07-12_130659.png" alt="" /></td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>业务内测</td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td><img src="img/2017-07-12_130659.png" alt="" /></td>
                                    <td style='border-width:1px 0px 1px 1px;'><img src="img/2017-07-12_130659.png" alt="" /></td>
                                </tr>
                                <tr>
                                    <td style='border-width:1px 1px 1px 0'>试用平台</td>
                                    <td style='border-width:1px 1px 0px 1px'><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td style='border-width:1px 1px 0px 1px'><img src="img/2017-07-12_130610.png" alt="" /></td>
                                    <td style='border-width:1px 1px 0px 1px'>限时免年费</td>
                                    <td style='border-width:1px 0px 1px 1px;'>终身免年费</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="content">
                <img src="img/VIPpre_03.png" alt="" / class='vipb'>
                <span>开通SVIP+,做特权霸主</span>
                <a href="" class='gao'>享受更高特权></a>
                <a href="" class='xu'>续费VIP</a>
            </div>
        </div>
        <script type="text/javascript" src='js/jquery-3.2.1.min.js'></script>
        <script type="text/javascript">
        //导航
        $('.nav-lan').each(function(i) {
            $('.nav-lan').eq(i).on('click',function(e) {
                var e = e || window.event;
                e.preventDefault();
                $('.xia').eq(i).show().siblings().hide();
                $('.nav-lan').eq(i).show();
            })
        })
        //关闭隐藏div
        $('.guan').each(function(i) {
            $('.guan').eq(i).on('click',function() {
                $('.xia').eq(i).hide();
                console.log($('.xia').eq(i));
            })
        })
        //图片显示隐藏
        $('.use').hover(function() {
            $('.tou').show()
        },function() {
            $('.tou').hide()        
        })
        //表格显示隐藏 .vip-tab
        $('.tab-wrap div').each(function(i) {
            $('.tab-wrap div').eq(i).on('click',function() {
                $(this).addClass('active').siblings().removeClass('active');
                $('.vip-tab').eq(i).css('display','block').siblings().css('display','none');
            })
        })
        console.log($('#tvip'))
        //表格左半部分切换
            $('.title1').on('click',function() {
               $('.vipbb').eq(0).css('display','block').css('display','table-row-group').siblings().css('display','none');
               $('#tvip').css('display','block').css('display','table-row-group');
            })
            $('.title2').on('click',function() {
                
                $('.vipbb').eq(1).css('display','block').css('display','table-row-group').siblings().css('display','none');
                $('#tvip').css('display','block').css('display','table-row-group');
            })
            $('.title3').on('click',function() {
                $('.nature thead').css('display','block');
                $('.vipbb').eq(2).css('display','block').css('display','table-row-group').siblings().css('display','none');
                $('#tvip').css('display','block').css('display','table-row-group');
            })
            $('.title4').on('click',function() {
                $('.vipbb').eq(3).css('display','block').css('display','table-row-group').siblings().css('display','none');
                $('#tvip').css('display','block').css('display','table-row-group');
            })
            $('.title5').on('click',function() {
                $('.vipbb').eq(4).css('display','block').css('display','table-row-group').siblings().css('display','none');
                $('#tvip').css('display','block').css('display','table-row-group');
            })
            $('.title6').on('click',function() {
                $('.vipbb').eq(5).css('display','block').css('display','table-row-group').siblings().css('display','none');
                $('#tvip').css('display','block').css('display','table-row-group');
            })
           $('.title7').on('click',function() {
                $('.vipbb').eq(6).css('display','block').css('display','table-row-group').siblings().css('display','none');
                $('#tvip').css('display','block').css('display','table-row-group');
            })
        </script>
</html>